<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>注册</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/gloab.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/register.js"></script>
</head>
<body class="bgf4">
<div class="login-box f-mt10 f-pb50">
	<div class="main bgf">    
    	<div class="reg-box-pan display-inline">  
        	<div class="step">        	
                <ul>
                    <li class="col-xs-4">
                        <span class="num"><em class="f-r5"></em><i>2</i></span>
                        <span class="line_bg lbg-l"></span>
                        <span class="line_bg lbg-r"></span>
                        <p class="lbg-txt">填写账户信息</p>
                    </li>
                    <li class="col-xs-4">
                    <span class="num"><em class="f-r5"></em><i>2</i></span>
                    <span class="line_bg lbg-l"></span>
                    <span class="line_bg lbg-r"></span>
                    <p class="lbg-txt">企业实名认证</p>
                    </li>
                    <li class="col-xs-4">
                        <span class="num"><em class="f-r5"></em><i>3</i></span>
                        <span class="line_bg lbg-l"></span>
                        <p class="lbg-txt">注册成功</p>
                    </li>
                </ul>
            </div>
        	<div class="reg-box" id="verifyCheck" style="margin-top:20px;">
            	<div class="part1">
                    <form id="insertEnterPassForm">
                        <input type="text" name="userId" value="2" hidden>
                        <input type="text" name="userType" value="2" hidden>
                    <div class="item col-xs-12">
                        <span class="intelligent-label f-fl"><b class="ftx04">*</b>登录密码：</span>
                        <div class="f-fl item-ifo">
                            <input type="password" id="password" maxlength="20" class="txt03 f-r3 required" tabindex="3" style="ime-mode:disabled;" onpaste="return  false" autocomplete="off" data-valid="isNonEmpty||between:6-20||level:2" data-error="密码不能为空||密码长度6-20位||该密码太简单，有被盗风险，建议字母+数字的组合" /> 
                            <span class="ie8 icon-close close hide" style="right:55px"></span>
                            <span class="showpwd" data-eye="password"></span>
                            <label class="icon-sucessfill blank hide"></label>
                            <label class="focus">6-20位英文（区分大小写）、数字、字符的组合</label>
                            <label class="focus valid"></label>
                            <span class="clearfix"></span>
                            <label class="strength">
                            	<span class="f-fl f-size12">安全程度：</span>
                            	<b><i>弱</i><i>中</i><i>强</i></b>
                            </label>    
                        </div>
                    </div>
                    <div class="item col-xs-12">
                        <span class="intelligent-label f-fl"><b class="ftx04">*</b>确认登录密码：</span>
                        <div class="f-fl item-ifo">
                            <input type="password" name="userPwd" maxlength="20" class="txt03 f-r3 required" tabindex="4" style="ime-mode:disabled;" onpaste="return  false" autocomplete="off" data-valid="isNonEmpty||between:6-16||isRepeat:password" data-error="密码不能为空||密码长度6-16位||两次密码输入不一致" id="rePassword2" />
                            <span class="ie8 icon-close close hide" style="right:55px"></span>
                            <span class="showpwd" data-eye="rePassword"></span>
                            <label class="icon-sucessfill blank hide"></label>
                            <label class="focus">请再输入一遍上面的登录密码</label>
                            <label class="focus valid"></label>                          
                        </div>
                    </div>
                        <div class="item col-xs-12">
                            <span class="intelligent-label f-fl"><b class="ftx04">*</b>支付密码：</span>
                            <div class="f-fl item-ifo">
                                <input type="password" id="password2" maxlength="20" class="txt03 f-r3 required" tabindex="3" style="ime-mode:disabled;" onpaste="return  false" autocomplete="off" data-valid="isNonEmpty||between:6-20||level:2" data-error="密码不能为空||密码长度6-20位||该密码太简单，有被盗风险，建议字母+数字的组合" />
                                <span class="ie8 icon-close close hide" style="right:55px"></span>
                                <span class="showpwd" data-eye="password"></span>
                                <label class="icon-sucessfill blank hide"></label>
                                <label class="focus">6-20位英文（区分大小写）、数字、字符的组合</label>
                                <label class="focus valid"></label>
                                <span class="clearfix"></span>
                                <label class="strength">
                                    <span class="f-fl f-size12">安全程度：</span>
                                    <b><i>弱</i><i>中</i><i>强</i></b>
                                </label>
                            </div>
                        </div>
                    </form>
                        <form id="insertEnterPayPwdForm">
                            <input type="text" name="userId" value="2" hidden>
                        <div class="item col-xs-12">
                            <span class="intelligent-label f-fl"><b class="ftx04">*</b>确认支付密码：</span>
                            <div class="f-fl item-ifo">
                                <input type="password" name="payPwd" maxlength="20" class="txt03 f-r3 required" tabindex="4" style="ime-mode:disabled;" onpaste="return  false" autocomplete="off" data-valid="isNonEmpty||between:6-16||isRepeat:password" data-error="密码不能为空||密码长度6-16位||两次密码输入不一致" id="rePassword" />
                                <span class="ie8 icon-close close hide" style="right:55px"></span>
                                <span class="showpwd" data-eye="rePassword"></span>
                                <label class="icon-sucessfill blank hide"></label>
                                <label class="focus">请再输入一遍上面的支付密码</label>
                                <label class="focus valid"></label>
                            </div>
                        </div>
                    <div class="item col-xs-12">

                    </div>
                    <div class="item col-xs-12" style="height:auto">
                        <span class="intelligent-label f-fl">&nbsp;</span>  
                        <p class="f-size14 required"  data-valid="isChecked" data-error="请先同意条款"> 
                        	<input type="checkbox" checked /><a href="javascript:showoutc();" class="f-ml5">我已阅读并同意条款</a>
                        </p>                       
                        <label class="focus valid"></label> 
                    </div> 
                    <div class="item col-xs-12">
                        <span class="intelligent-label f-fl">&nbsp;</span>    
                        <div class="f-fl item-ifo">
                           <a href="javascript:;" class="btn btn-blue f-r3" id="btn_part1">下一步</a>                         
                        </div>
                    </div>
                  </form>
                </div>
                <div class="part2" style="display:none">
                	<div class="alert alert-info" style="width:700px">单位类型</div>
                    <div class="item col-xs-12 f-mb10" style="height:auto">
                    </div>
                    <div class="item col-xs-12">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;企业&nbsp;<input type="radio" checked name="88" onclick="showTime(1)"/>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;个体工商户&nbsp;<input type="radio" name="88" onclick="showTime(2)"/>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;国家及党政机关&nbsp;<input type="radio" name="88" onclick="showTime(3)"/>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;社会团体&nbsp;<input type="radio" name="88" onclick="showTime(4)"/>
                    </div>

                    <div class="item col-xs-12">
                        <div class="alert alert-info" style="width:700px">单位信息</div>
                    </div>
                    <div class="item col-xs-12" STYLE="height: 50px">
                        <span class="intelligent-label f-fl" id="orgName"><b class="ftx04">*</b>企业名称：</span>
                        <div class="f-fl item-ifo">
                            <input type="text" name="realName" maxlength="10" class="txt03 f-r3 required" tabindex="1" data-valid="isNonEmpty||between:2-10||isZh" data-error="不能为空||长度2-10位||只能输入中文"  />
                            <span class="ie8 icon-close close hide"></span>
                            <label class="icon-sucessfill blank hide"></label>
                            <label class="focus">2-10位，名称</label>
                            <label class="focus valid"></label>
                        </div>
                        </div>
                    <div class="item col-xs-12"STYLE="height: 50px">
                        <span class="intelligent-label f-fl"id="orgRest"><b class="ftx04">*</b>注册号：</span>
                        <div class="f-fl item-ifo">
                            <input type="text" name="verifyNumber" class="txt03 f-r3 required" tabindex="2" data-valid="isNonEmpty||isCard" data-error="注册号不能为空||注册号码格式不正确" maxlength="18" />
                            <span class="ie8 icon-close close hide"></span>
                            <label class="icon-sucessfill blank hide"></label>
                            <label class="focus">请填写18位有效的证件号码</label>
                            <label class="focus valid"></label>
                        </div>
                    </div>
                        <div class="item col-xs-12"STYLE="height: 50px">
                        <span class="intelligent-label f-fl" id="orgAreaId"><b class="ftx04">*</b>所在地址：</span>
                        <div class="f-f3 item-ifo">
                            <select >
                                <option>北京</option>
                                <option>湖北</option>
                                <option>曹县</option>
                                <option>海南</option>
                            </select>
                            <label class="focus valid"></label>
                        </div>
                        </div>
                    <div class="item col-xs-12"STYLE="height: 100px">

                    <span class="intelligent-label f-fl" id="orgInfo"><b class="ftx04">*</b>经营范围：</span>
                        <div class="f-f1 item-ifo">
                            <textarea class="" rows="2"></textarea>
                        </div>
                    </div>
                    <div class="item col-xs-12"STYLE="height: 50px">
                        <span class="intelligent-label f-fl" id="orgTermTime"><b class="ftx04">*</b>营业期限：</span>
                        <div class="f-fl item-ifo">
                            <input type="date" class="txt03 f-r3 required">
                        </div>
                    </div>
                    <div class="item col-xs-12"STYLE="height: 50px">
                        <span class="intelligent-label f-fl"><b class="ftx04">*</b>注册资本：</span>
                        <div class="f-fl item-ifo">
                            <input type="number" class="txt03 f-r3 required">  <span class="ie8 icon-close close hide"></span>
                            <label class="icon-sucessfill blank hide"></label>
                            <label class="focus">元/RMB</label>
                        </div>
                    </div>
                    <div class="item col-xs-12" STYLE="height: 100px">
                        <span class="intelligent-label f-fl"><b class="ftx04">*</b>组织机构代码：</span>
                        <div class="f-fl item-ifo">
                            <input type="text" name="verifyNumber" class="txt03 f-r3 required" tabindex="2" data-valid="isNonEmpty||isCard" data-error="组织机构代码不能为空||组织机构代码格式不正确" maxlength="18" />
                            <span class="ie8 icon-close close hide"></span>
                            <label class="icon-sucessfill blank hide"></label>
                            <label class="focus">请填写18位有效的组织机构代码</label>
                            <label class="focus valid"></label>
                        </div>
                    </div>

                    <div class="item col-xs-12">
                        <div class="alert alert-info" style="width:700px">法定代表人信息</div>
                    </div>
                    <div class="item col-xs-12" STYLE="height: 50px">
                        <span class="intelligent-label f-fl"><b class="ftx04">*</b>归属地：</span>
                        <div class="f-f3 item-ifo">
                            <select >
                                <option>中国内陆</option>
                                <option>中国香港</option>
                                <option>中国澳门</option>
                                <option>中国台湾</option>
                            </select>
                            <label class="focus valid"></label>
                        </div>
                    </div>
                    <div class="item col-xs-12" STYLE="height: 50px">
                        <span class="intelligent-label f-fl"><b class="ftx04">*</b>姓名：</span>
                        <div class="f-fl item-ifo">
                            <input type="text" name="realName" maxlength="10" class="txt03 f-r3 required" tabindex="1" data-valid="isNonEmpty||between:2-10||isZh" data-error="真实姓名不能为空||真实姓名长度2-10位||只能输入中文" id="realName" />
                            <span class="ie8 icon-close close hide"></span>
                            <label class="icon-sucessfill blank hide"></label>
                            <label class="focus">2-10位，中文真实姓名</label>
                            <label class="focus valid"></label>
                        </div>
                    </div>
                    <div class="item col-xs-12" STYLE="height: 50px">
                        <span class="intelligent-label f-fl"><b class="ftx04">*</b>身份证号：</span>
                        <div class="f-fl item-ifo">
                            <input type="text" name="verifyNumber" class="txt03 f-r3 required" tabindex="2" data-valid="isNonEmpty||isCard" data-error="身份证号不能为空||身份证号码格式不正确" maxlength="18"  />
                            <span class="ie8 icon-close close hide"></span>
                            <label class="icon-sucessfill blank hide"></label>
                            <label class="focus">请填写18位有效的证件号码</label>
                            <label class="focus valid"></label>
                        </div>
                    </div>

                    <div class="item col-xs-12"STYLE="height: 130px">
                        <span class="intelligent-label f-fl"><b class="ftx04">*</b>证件到期时间：</span>
                        <div class="f-fl item-ifo">
                        <input type="date" class="txt03 f-r3 required">
                      </div>
                    </div>
                    <div class="item col-xs-12">
                        <span class="intelligent-label f-fl">&nbsp;</span>
                        <div class="f-fl item-ifo">
                            <a href="javascript:;" class="btn btn-blue f-r3" id="btn_part2">下一步</a>
                        </div>
                    </div>
                </div>
                <div class="part3" style="display:none">
                    <form id="idCardInfo">
                        <h2>上传证件照</h2>
                        <input type="text" name="userId" id="userId" hidden>
                        <input type="text" name="examStatus" value="1" hidden>
                	<div class="item col-xs-12">
                        <span class="intelligent-label f-fl"><b class="ftx04">*</b>真实姓名：</span>
                        <div class="f-fl item-ifo">
                            <input type="text" name="realName" maxlength="10" class="txt03 f-r3 required" tabindex="1" data-valid="isNonEmpty||between:2-10||isZh" data-error="真实姓名不能为空||真实姓名长度2-10位||只能输入中文"  />
                            <span class="ie8 icon-close close hide"></span>                         
                            <label class="icon-sucessfill blank hide"></label>
                            <label class="focus">2-10位，中文真实姓名</label>
                            <label class="focus valid"></label>
                        </div>
                    </div>
                    <div class="item col-xs-12">
                        <span class="intelligent-label f-fl"><b class="ftx04">*</b>身份证号：</span>    
                        <div class="f-fl item-ifo">
                            <input type="text" name="verifyNumber" class="txt03 f-r3 required" tabindex="2" data-valid="isNonEmpty||isCard" data-error="身份证号不能为空||身份证号码格式不正确" maxlength="18" id="" />
                            <span class="ie8 icon-close close hide"></span>                        
                            <label class="icon-sucessfill blank hide"></label>
                            <label class="focus">请填写18位有效的证件号码</label>
                            <label class="focus valid"></label>
                        </div>
                    </div>


                    <div class="item col-xs-12">
                        <span class="intelligent-label f-fl">&nbsp;</span>    
                        <div class="f-fl item-ifo">
                           <a href="javascript:;" class="btn btn-blue f-r3" id="btn_part3">下一步</a>                         
                        </div>
                    </div>

                </div>
                <div class="part4 text-center" style="display:none">
                	<h3>恭喜cz82465，您已注册成功，现在开始您的投资之旅吧！</h3>
                    <p class="c-666 f-mt30 f-mb50">页面将在 <strong id="times" class="f-size18">10</strong> 秒钟后，跳转到 <a href="my.html" class="c-blue">用户中心</a></p>
                </div>
                <div class="part5 text-center" style="display:none">
                    <h3>啊偶。。失败了，程序猿全力抢修中</h3>
                    <p class="c-666 f-mt30 f-mb50">页面将在 <strong id="times5" class="f-size18">10</strong> 秒钟后，跳转到 <a href="my.html" class="c-blue">用户中心</a></p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="m-sPopBg" style="z-index:998;"></div>
<div class="m-sPopCon regcon">
	<div class="m-sPopTitle"><strong>服务协议条款</strong><b id="sPopClose" class="m-sPopClose" onClick="closeClause()">×</b></div>
    <div class="apply_up_content">
    	<pre class="f-r0">
		<strong>同意以下服务条款，提交注册信息</strong>
        </pre>
    </div>
    <center><a class="btn btn-blue btn-lg f-size12 b-b0 b-l0 b-t0 b-r0 f-pl50 f-pr50 f-r3" href="javascript:closeClause();">已阅读并同意此条款</a></center>
</div>
<script>
$(function(){	
	//第一页的确定按钮
	$("#btn_part1").click(function(){
		$(".part1").hide();

        $.ajax({
            url:"http://127.0.0.1:8061/LogAndReg/insertIdCard",
            type : "post",
            data : $("#insertEnterPassForm").serialize(),
            dataType : "json",
            success : function(aa) {
                $(".part2").show();
            },
            error : function() {
                $(".part5").show();
            }
        })

		$(".step li").eq(1).addClass("on");
	});
	//第二页的确定按钮
	$("#btn_part2").click(function(){
        $(".part2").hide();
		$(".part3").show();	
	});	
	//第三页的确定按钮
	$("#btn_part3").click(function(){

        if(!verifyCheck._click()) return;
        $(".part3").hide();
      $.ajax({
            url:"http://127.0.0.1:8061/LogAndReg/insertUserLogin",
            type : "post",
            data : $("#regForm").serialize(),
            dataType : "json",
            success : function(aa) {
                if(aa.i==1){
                    $("#userId").val(aa.id);
                    insertIdCard();
                    $(".part4").show();
                }
            },
            error : function() {
                 $(".part5").show();
            }
        })

		$(".step li").eq(2).addClass("on");

		countdown({
			maxTime:10,
			ing:function(c){
				$("#times").text(c);
			},
			after:function(){
				window.location.href="my.html";		
			}
		});		
	});	
});
function  showTime(a){
      if(a==1){

      }
}

function insertIdCard(){
    alert( $("#idCardInfo").serialize());
    alert( $("#regForm").serialize());
    $.ajax({
        url:"http://127.0.0.1:8061/LogAndReg/insertIdCard",
        type : "post",
        data : $("#insertIdCard").serialize(),
        dataType : "json",
        success : function(aa) {
        },
        error : function() {
            $(".part5").show();
        }
    })
}
function showoutc(){$(".m-sPopBg,.m-sPopCon").show();}
function closeClause(){
	$(".m-sPopBg,.m-sPopCon").hide();		
}
</script>
</body>
</html>
